<!--公共头部-->
{template 'aitimt/common/header'}
	<style>
		* {touch-action: pan-y;}
		body{background-color: #FFFFFF;}
		.mui-control-content {background-color: white;}
		.mui-control-content .mui-loading {margin-top: 3.125rem;}
		.mui-table-view .mui-media-object{height: 6.25rem;max-width: 8.125rem;}
		.mui-bar-nav{position: absolute;background-color: #e94709;height: 8%;}
		.top-content{position: absolute;width: 100%;font-size:0.625rem;}
		.top-content img{width: 100%;}
		.top-message{position: absolute;width: 10%;right: 0%;top: 0.3125rem;}
		.top-return {position: absolute;width: 10%;top: 10px;}
		.top-return img{width: 60%;}
		.mui-bar-nav .mui-title{color: #FFFFFF;}
		.top-logo {position: absolute;width: 10%;left: 28%;top: 0.1875rem;}
		.top-logo img{width: 90%;}
		.mui-input-row{overflow: unset;left: 10%;}
		.mui-search input[type=search] {background-color: #f0774a;width: 70%;border-radius: 3.125rem;height: 35px;color: #ffffff;}
		.mui-active::before{color: #FFFFFF;}
		.mui-search .mui-placeholder{line-height: 2.5rem;font-size: 0.5375rem;width: 45%;color: #FFFFFF;}
		.search-icon{background-color: #fad6c8;position: absolute;top: 0.375rem;right: 30%;width: 15%;text-align: center;border: 0;height: 35px;color: #e94709;border-radius: 1.25rem;overflow: hidden;}
		.mui-slider{z-index: 5;margin-top:10% ;overflow: unset;}
		.mui-slider .mui-slider-group .mui-slider-item img{width: 100%;}
		.mui-indicator .mui-active{background-color:#000000;}
		.mui-search .mui-placeholder{color: #FFFFFF;}
		.mui-search .mui-placeholder .mui-icon{color: #FFFFFF;line-height:25px;margin-left: -3.125rem;}
		.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #585858;border-bottom: 0;}
		.mui-bar-tab .mui-tab-item.mui-active{color: #ea4609;}
		.mui-bar-nav~.mui-content{margin-bottom: 10%;margin-top: 5%;}
		.mui-table-view .mui-media-object{max-width: 40%;}
		.mui-content{background-color: #FFFFFF;}
		.addtime{padding-top: 0.625rem;font-size: 0.625rem;}
		.now-recom{position: absolute;top: 33%;display:inline-block;width: 100%;}
		.now-more{color: #8f8f94;}
		.now-item img{max-height: 10rem}
		.bottom-remind{width: 100%;text-align: center;padding-top: 10%;padding-bottom: 20%;font-size: 15px;color: #969696;}
		.photo_text{font-size: 14px;color: #4e4e4e;}
		.top-slider img{max-height: 150px;min-height: 150px}
	</style>
<!-- 公共头部start -->
<header class="mui-bar mui-bar-nav">
	<a class="top-return mui-action-back"><img src="{$aideUrl}app/resource/aitimt/images/return.png" ></a>
	<a class="top-logo"><img src="{$aideUrl}app/resource/aitimt/images/logo.png" ></a>
	<!--公共菜单start -->
	{template 'aitimt/common/menu'}
	<!-- 公共菜单end-->
</header>
<!-- 公共头部end -->
		<div class="mui-slider top-slider">
			<div class="mui-slider-group mui-slider-loop">
				<!--支持循环，需要重复图片节点-->
				<!--轮播图 --start-->
				{loop array_reverse($advlist) $adv}
				<div class="slider-item mui-slider-item mui-slider-item-duplicate"><a href="{$adv['link']}"><img src="{php echo tomedia($adv['thumb'])}" />
					{if $adv['advname']!=''}<p class="mui-slider-title mui-ellipsis">{$adv['advname']}</p>{/if}
				</a></div>
				{php break;}
				{/loop}
				{loop $advlist $adv}
				<div class="slider-item mui-slider-item"><a href="{$adv['link']}"><img src="{php echo tomedia($adv['thumb'])}" />
					{if $adv['advname']!=''}<p class="mui-slider-title mui-ellipsis">{$adv['advname']}</p>{/if}
				</a></div>
				{/loop}
				<!--支持循环，需要重复图片节点-->
				{loop $advlist $adv}
				<div class="slider-item mui-slider-item mui-slider-item-duplicate"><a href="{$adv['link']}"><img src="{php echo tomedia($adv['thumb'])}" />
					{if $adv['advname']!=''}<p class="mui-slider-title mui-ellipsis">{$adv['advname']}</p>{/if}
				</a></div>
				{php break;}
				{/loop}
			</div>
			<div class="mui-slider-indicator">
				{loop $advlist $adv}
				<div class="mui-indicator"></div>
				{/loop}
			</div>
		</div>
		<div class="now-recom">
			<p style="padding: 3% 5% ;font-size: 15px;background: #eeeeee;">
			<span class="now-title">精彩播放</span>
			<!--<a href="{php echo app_URL('home/index/photosearch')}" class="now-more"><span  style="float: right;">更多></span>	 </a>-->
			</p>
			<div class="now-list">
				{loop $photoList $photo}
				<div  class="now-item">
					<a href="{php echo app_URL('home/index/photosearch')}&raceid={$photo['raceid']}">
						<div class="mui-slider">
							<div class="mui-slider-group mui-slider-loop">
								{loop array_reverse(unserialize($photo['atlas'])) $adv}
								<div class="slider-item mui-slider-item mui-slider-item-duplicate"><img src="{php echo tomedia($adv)}" /></div>
								{php break;}
								{/loop}
								{loop unserialize($photo['atlas']) $adv}
								<div class="slider-item mui-slider-item"><img src="{php echo tomedia($adv)}" /></div>
								{/loop}
								<!--支持循环，需要重复图片节点-->
								{loop unserialize($photo['atlas']) $adv}
								<div class="slider-item mui-slider-item mui-slider-item-duplicate"><img src="{php echo tomedia($adv)}" /></div>
								{php break;}
								{/loop}
							</div>
						</div>
					</a>
					<span class="photo_text">{$activityList[$photo['raceid']]['name']}</span>
					<span class="photo_text" style="float: right">{$activityList[$photo['raceid']]['time']}</span>
				</div>
				{/loop}

			</div>
			<div class="bottom-remind">已显示全部内容</div>
		</div>
		<!-- 公共底部start -->
		{template 'aitimt/common/nav'}
		<!-- 公共底部end -->
		<script type="text/javascript">
		mui.init({
			swipeBack:true //启用右滑关闭功能
		});
		var slider = mui(".mui-slider");

				slider.slider({
					interval: 3000
				});
		</script>

	</body>

</html>
